﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>旅游商品</title>
    <link rel="stylesheet" href="Css/ComModity.css">
    <script src="Script\jquery-easyui-1.5.2\jquery.min.js" type="text/javascript"></script>
</head>

<body>
    <div>
        <div class="navi_body">
            <div class="navi_head">
                <div style="width:80%; margin-left:auto; margin-right:auto;">
                    <span>
					<p class="navi_title">首页</p>
				</span>
                    <span>
					<p class="navi_title">旅行</p>
					<p><a href="">国内旅游</a></p>
					<p><a href="">周边旅游</a></p>
					<p><a href="">主题旅游</a></p>
                    <p><a href="">日本 韩国</a></p>
                    <p><a href="">东南亚 南亚</a></p>
                    <p><a href="">欧洲</a></p>
                    <p><a href="">美洲</a></p>
				</span>
                    <span>
					<p class="navi_title">特价专区</p>
					<p><a href="">特价路线</a></p>
					<p><a href="">特价机票</a></p>
                    <p><a href="">特价酒店</a></p>
                    <p><a href="">特价签证</a></p>
                    <p><a href="">特价门票</a></p>
				</span>
                    <span>
					<p class="navi_title">当季热门度假</p>
					<p><a href="">泰国</a></p>
					<p><a href="">港澳台</a></p>
					<p><a href="">欧洲环游</a></p>
					<p><a href="">三亚</a></p>
					<p><a href="">毛里求斯</a></p>
					<p><a href="">巴塞罗那</a></p>
				</span>
                    <span>
					<p class="navi_title">帮助</p>
                    <p><a href="">人工服务</a></p>
                    <p><a href="">用户信息</a></p>
                    <p><a href="">查看订单</a></p>
					<p><a href="">留言评价心想</a></p>
					<p><a href="">在线预订</a></p>
				</span>
                </div>
            </div>
        </div>
    </div>
    <header>
        <div class='container'>
            <h1>热门景点</h1>
            <p>世界那么大</p>
        </div>
    </header>
    <div class='container'>
        <ul>
            <li>
                <a class='normal' href='#'>
                    <img src="imgS/562.jpg">
                </a>
                <div class='info'>
                    <h3>苏梅岛</h3>
                    <p>我想在每个人的青春年岁里，都曾有过一段关于旅行的憧憬，一段说走就走的旅行。可是在现实里，因为种种的原因，这个美好的希冀变成了每个午夜梦回的美好梦想。</p>
                </div>
            </li>
            <li>
                <a class='normal' href='#'>
                    <img src="imgS/321.jpg">
                </a>
                <div class='info'>
                    <h3>埃及</h3>
                    <p>我想在每个人的青春年岁里，都曾有过一段关于旅行的憧憬，一段说走就走的旅行。可是在现实里，因为种种的原因，这个美好的希冀变成了每个午夜梦回的美好梦想。</p>
                </div>
            </li>
            <li>
                <a class='normal' href='#'>
                    <img src="imgS/061.jpg">
                </a>
                <div class='info'>
                    <h3>加拿大</h3>
                    <p>我想在每个人的青春年岁里，都曾有过一段关于旅行的憧憬，一段说走就走的旅行。可是在现实里，因为种种的原因，这个美好的希冀变成了每个午夜梦回的美好梦想。</p>
                </div>
            </li>
            <li>
                <a class='normal' href='#'>
                    <img src="imgS/147.jpg">
                </a>
                <div class='info'>
                    <h3>马尔代夫</h3>
                    <p>我想在每个人的青春年岁里，都曾有过一段关于旅行的憧憬，一段说走就走的旅行。可是在现实里，因为种种的原因，这个美好的希冀变成了每个午夜梦回的美好梦想。</p>
                </div>
            </li>
            <li>
                <a class='normal' href='#'>
                    <img src="imgS/365.jpg">
                </a>
                <div class='info'>
                    <h3>巴厘岛</h3>
                    <p>我想在每个人的青春年岁里，都曾有过一段关于旅行的憧憬，一段说走就走的旅行。可是在现实里，因为种种的原因，这个美好的希冀变成了每个午夜梦回的美好梦想。</p>
                </div>
            </li>
            <li>
                <a class='normal' href='#'>
                    <img src="imgS/85.jpg">

                </a>
                <div class='info'>
                    <h3>巴西</h3>
                    <p>我想在每个人的青春年岁里，都曾有过一段关于旅行的憧憬，一段说走就走的旅行。可是在现实里，因为种种的原因，这个美好的希冀变成了每个午夜梦回的美好梦想。</p>
                </div>
            </li>
            <li>
                <a class='normal' href='#'>
                    <img src="imgS/78.jpg">
                </a>
                <div class='info'>
                    <h3>澳大利亚</h3>
                    <p>我想在每个人的青春年岁里，都曾有过一段关于旅行的憧憬，一段说走就走的旅行。可是在现实里，因为种种的原因，这个美好的希冀变成了每个午夜梦回的美好梦想。</p>
                </div>
            </li>
            <li>
                <a class='normal' href='#'>
                    <img src="imgS/55.jpg">
                </a>
                <div class='info'>
                    <h3>日本</h3>
                    <p>我想在每个人的青春年岁里，都曾有过一段关于旅行的憧憬，一段说走就走的旅行。可是在现实里，因为种种的原因，这个美好的希冀变成了每个午夜梦回的美好梦想。</p>
                </div>
            </li>
            <li>
                <a class='normal' href='#'>
                    <img src="imgS/598.jpg">
                </a>
                <div class='info'>
                    <h3>巴黎</h3>
                    <p>我想在每个人的青春年岁里，都曾有过一段关于旅行的憧憬，一段说走就走的旅行。可是在现实里，因为种种的原因，这个美好的希冀变成了每个午夜梦回的美好梦想。</p>
                </div>
            </li>
            <li>
                <a class='normal' href='#'>
                    <img src="imgS/542.jpg">
                </a>
                <div class='info'>
                    <h3>罗马</h3>
                    <p>我想在每个人的青春年岁里，都曾有过一段关于旅行的憧憬，一段说走就走的旅行。可是在现实里，因为种种的原因，这个美好的希冀变成了每个午夜梦回的美好梦想。</p>
                </div>
            </li>
            <li>
                <a class='normal' href='#'>
                    <img src="imgS/565.jpg">
                </a>
                <div class='info'>
                    <h3>悉尼</h3>
                    <p>我想在每个人的青春年岁里，都曾有过一段关于旅行的憧憬，一段说走就走的旅行。可是在现实里，因为种种的原因，这个美好的希冀变成了每个午夜梦回的美好梦想。</p>
                </div>
            </li>
            <li>
                <a class='normal' href='#'>
                    <img src="imgS/2345.jpg">
                </a>
                <div class='info'>
                    <h3>南极</h3>
                    <p>我想在每个人的青春年岁里，都曾有过一段关于旅行的憧憬，一段说走就走的旅行。可是在现实里，因为种种的原因，这个美好的希冀变成了每个午夜梦回的美好梦想。</p>
                </div>
            </li>
        </ul>
    </div>
    <div id="wrap">
        <ul>
            <li>
                <a href="" class="a1">
                    <img src="imgS/1456.jpg" />
                    <div class="divA">
                        <p class="p1">迪拜六日跟团游</p>

                        <p class="p3">¥<span>6999</span>起</p>
                    </div>
                </a>
                <a href="" class="a2">
                    <p class="p4">迪拜六日跟团游</p>
                    <p class="p5">香港直飞+精选阿联酋航空(A380豪华客机)+当晚抵达全<br>程入住4晚五星酒店！</p>
                    <p class="p6">¥<span>6999</span>起</p>
                    <p class="p7">查看详情></p>
                </a>
            </li>
            <li>
                <a href="" class="a1">
                    <img src="imgS/1526.jpg" />
                    <div class="divA">
                        <p class="p1">埃及+迪拜10日跟团游</p>

                        <p class="p3">¥<span>8399</span>起</p>
                    </div>
                </a>
                <a href="" class="a2">
                    <p class="p4">埃及+迪拜10日跟团游</p>
                    <p class="p5">全程4-5星酒店/金字塔/博特馆/度假圣地红海洪加达<br>/迪拜/阿布扎比一次走遍！</p>
                    <p class="p6">¥<span>8399</span>起</p>
                    <p class="p7">查看详情></p>
                </a>
            </li>
            <li>
                <a href="" class="a1">
                    <img src="imgS/2569.jpg" />
                    <div class="divA">
                        <p class="p1">土耳其10日跟团游</p>

                        <p class="p3">¥<span>8499</span>起</p>
                    </div>
                </a>
                <a href="" class="a2">
                    <p class="p4">土耳其10日跟团游</p>
                    <p class="p5">全程五星/免费车载WIFI/棉花堡/爱琴海/<br> 特洛伊古城/伊斯坦布尔风情!！</p>
                    <p class="p6">¥<span>8499</span>起</p>
                    <p class="p7">查看详情></p>
                </a>
            </li>
            <li>
                <a href="" class="a1">
                    <img src="imgS/7856.jpg" />
                    <div class="divA">
                        <p class="p1">泰国曼谷+金沙岛+芭堤雅6日跟团游</p>

                        <p class="p3">¥<span>2199</span>起</p>
                    </div>
                </a>
                <a href="" class="a2">
                    <p class="p4">泰国曼谷+金沙+芭堤雅6日跟团游</p>
                    <p class="p5">香港往返/深圳往返【德国啤酒屋】+品尝当地著名<br>【78层自助餐】/品质保证</p>
                    <p class="p6">¥<span>2199</span>起</p>
                    <p class="p7">查看详情></p>
                </a>
            </li>
            <li>
                <a href="" class="a1">
                    <img src="imgS/598.jpg" />
                    <div class="divA">
                        <p class="p1">德国+法国+瑞士+意大利12-13日游</p>

                        <p class="p3">¥<span>12299</span>起</p>
                    </div>
                </a>
                <a href="" class="a2">
                    <p class="p4">德国+法国+瑞士+意大利12-13日游</p>
                    <p class="p5">欧洲初游首选 一价全含 千人出游两百好评 双宫两舟一山 人气领队 瑞士湖景酒店 国航联运</p>
                    <p class="p6">¥<span>12299</span>起</p>
                    <p class="p7">查看详情></p>
                </a>
            </li>
            <li>
                <a href="" class="a1">
                    <img src="imgS/55.jpg" />
                    <div class="divA">
                        <p class="p1">日本本州四古都京都-大阪7日游</p>

                        <p class="p3">¥<span>7854</span>起</p>
                    </div>
                </a>
                <a href="" class="a2">
                    <p class="p4">日本本州四古都京都-奈良-镰仓-大阪7日游</p>
                    <p class="p5">保证连续入住东京都内市区酒店，方便东京自由活动，双温泉零自费</p>
                    <p class="p6">¥<span>7854</span>起</p>
                    <p class="p7">查看详情></p>
                </a>
            </li>
        </ul>
    </div>
</body>

<script src="Script/ComModity.js"></script>

</html>